<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>方圆小程序后台管理</title>
  <link rel="stylesheet" href="layui/css/layui.css">
  <link rel="stylesheet" href="css/all.css">
  <link rel="stylesheet" href="css/public.css">
</head>
<body class="layui-layout-body">
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo">方圆小程序</div>
      <!-- 头部区域（可配合layui已有的水平导航） -->
      <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a href="index.html">首页</a></li>
        <li class="layui-nav-item"><a href="shopdata.html">运营</a></li>
        <li class="layui-nav-item"><a href="setting.html">设置</a></li>
      </ul>
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">手边卡券</li>
        <li class="layui-nav-item">
          <a href="center.html">
            你好，170600001
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">基本资料</a></dd>
            <dd><a href="">安全设置</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">帮助</a></li>
      </ul>
    </div>
    
    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
          <li class="layui-nav-item layui-nav-itemed">
            <a class="" href="center.html"><img src="images/dailishang_normal.png" alt="" class="menuicon">个人中心</a>
            <dl class="layui-nav-child">
              <dd><a href="center.html">安全中心</a></dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
    
    <div class="layui-body">
      <!-- 内容主体区域 -->
      <div class="Crumbs">
       <span class="layui-breadcrumb" style="visibility: visible;">
        <a>个人中心</a><span lay-separator="">/</span>
        <a>安全中心</a><span lay-separator="">/</span>
        <a><cite>修改登录密码</cite></a>
      </span>
    </div>
    <div class="layui-body-con">

      <div class="Corner">
        <div class="corn"></div>
        <div class="corn-xx">修改登录密码</div>
      </div>

      <div class="layui-form j-contaner">
        <form action="">
          <div class="layui-form-item">

            <div class="layui-form-item">
              <label class="layui-form-label layui-inline lable11"><lable class="xinghao">*</lable>原密码：</label>
              <input type="text" name="shopname" placeholder="" autocomplete="off" class="layui-input j-input5" required lay-verify="oldpwd" id="oldpwd"> 
            </div>
            <div>
              <label class="lable13 oldpwd tips">请输入密码</label>
            </div>

            <div class="layui-form-item">
              <label class="layui-form-label layui-inline lable11"><lable class="xinghao">*</lable>新密码：</label>
              <input type="password" name="phone" placeholder="" autocomplete="off" class="layui-input j-input5" required lay-verify="newpwd" id="newpwd">
              <p class="layui-inline lable12">6-14位数字、字母或组合</p> 
            </div>
            <div>
              <label class="lable14 newpwd1 tips">请输入密码</label>
              <label class="lable14 newpwd2 tips">请输入6-14位数字、字母或组合</label>
            </div>

            <div class="layui-form-item mt8">
              <label class="layui-form-label layui-inline lable11"><lable class="xinghao">*</lable>确认新密码：</label>
              <input type="password" name="phone" placeholder="" autocomplete="off" class="layui-input j-input5" required lay-verify="newpwd" id="conpwd"> 
            </div>
            <div>
              <label class="lable15 conpwd1 tips">请输入密码</label>
              <label class="lable15 conpwd2 tips">请输入6-14位数字、字母或组合</label>
            </div>

            <div class="layui-form-item ml9">
              <a class="layui-btn layui-btn-normal" id="submit" onclick="doChange()">提交</a>
              <a class="layui-btn layui-btn-normal" href="center.html">取消</a>
            </div>
          </form>
        </div>
      </div>
    </div>

  </div>
  <script src="layui/layui.js"></script>
  <script src="js/jquery.min.js"></script>
  <script>

    layui.use(['layer', 'form','table'], function(){
      var layer = layui.layer
      ,form = layui.form
      ,table = layui.table;

      form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));
        return false;
      });
    });

    $("input").focus(function(){
      $(".tips").hide();
    });

    function doChange(){

      var oldpwd = $("#oldpwd").val();
      var newpwd = $("#newpwd").val();
      var conpwd = $("#conpwd").val();

      if(oldpwd.length==0){
        $(".oldpwd").show();
        return;
      }else if(newpwd.length==0){
        $(".newpwd1").show();
        return;
      }else if(!(/[a-zA-Z\d]{6,14}/.test(newpwd))){
        $(".newpwd2").show();
        return;
      }else if(conpwd.length==0){
        $(".conpwd1").show();
        return;
      }else if(!(/[a-zA-Z\d]{6,14}/.test(conpwd))){
        $(".conpwd2").show();
        return;
      }
    }


  </script>
  <script src="js/paidstore.js"></script>
</body></html>